/* ==========================================================================
ac_car
========================================================================== */
#mycar_set_btn{
    margin-bottom:10px;
	width:100%;
	padding:5px;
}
#select_car_btn{
	width:100%;
	margin-left:0px !important;
	padding:5px;
}
#clear_car_btn{
    margin-top:10px;
	margin-left:0px !important;
	width:100%;
    padding:5px;
    display:none;
}
.modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.7);
}
.modal_box {
    position: fixed;
	top: 0;
    left: 0;
    z-index: 7777;
    display: none;
    width: 90%;
    max-width: 1000px;
    height:auto;
    margin: 0;
	padding:20px;
    border: 2px solid #aaa;
    /*text-align: center;*/
    background: #fff;
    box-sizing: border-box;
    overflow-y: scroll;
    max-height: calc(100vh - 1.5em);
}
.modal_box dl, dt, dd, ol, ul, li{
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
.modal_box ul{
	display: flex;
    flex-wrap: wrap;
}
.modal_box li{
    cursor: pointer;
    width: calc( ( 100% / 3 ) - 21px ) !important;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}
.modal_box #car_maker li,.modal_box #car_sakuin li{
    display: flex;
}

.cm_logo_img{
    max-width:40px;
    margin-right:20px;
}
#car_set_btn{
    padding:10px 20px;
}

@media screen and (max-width:800px) {
.modal_box {
    position: fixed;
	top: 0;
    left: 0;
    z-index: 7777;
    display: none;
    width: 98%;
    margin: 0;
	padding:20px;
    border: 2px solid #aaa;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    overflow-y: scroll;
    max-height: calc(100vh - 1.5em);
}
.modal_box li{
	width: 100% !important;
}

}

/* /ac_car */